/**
 * Created by fanweihua on 2016/12/2.
 */
import React from 'react';
import ArticleHtml from './articleHtml.js';

const Article = React.createClass({
    getInitialState: function () {
        return {
            html: ArticleHtml.html
        }
    },
    render(){
        return (
            <div className="Z_slideIn">
                <div className="page slideIn">
                    <div className="Z_content_code">
                        <div dangerouslySetInnerHTML={{__html: this.state.html}}></div>
                    </div>
                </div>
                <div className="Z_content">
                    <div className="Z_panel-body-backgound">
                        <ArticleNav></ArticleNav>
                    </div>
                </div>
            </div>
        );
    }
});
const ArticleNav = React.createClass({
    render(){
        return (
            <div className="Z_panel-body">
                <div className="page__hd">
                    <h1 className="page__title">Article</h1>
                    <p className="page__desc">文章</p>
                </div>
                <div className="page__bd">
                    <article className="weui-article">
                        <h1>大标题</h1>
                        <section>
                            <h2 className="title">章标题</h2>
                            <section>
                                <h3>1.1 节标题</h3>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                    consequat.
                                </p>
                                <p>
                                    <img src="/bower_components/weui-master/example/images/IMG_0843.JPG"></img>
                                    <img src="/bower_components/weui-master/example/images/pic_article.png" alt=""></img>
                                    <img src="/bower_components/weui-master/example/images/pic_article.png" alt=""></img>
                                    <video controls>
                                        <source src="/bower_components/weui-master/example/images/IMG_1549.MOV" type="video/mp4"></source>
                                    </video>
                                </p>
                            </section>
                            <section>
                                <h3>1.2 节标题</h3>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                </p>
                            </section>
                        </section>
                    </article>
                </div>
            </div>
        );
    }
});
module.exports = Article;